*{margin:0;padding:0;}
 html{font-size: 32px; height: 100%;width: 100%;} 

body {
    /* line-height: 150%; */
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    background-repeat: no-repeat !important; 
     /*  height: 100%; */
    background-size:cover !important; 
    background-position: center top !important;
}

.chess_box,
.menu_dy,
.menu_qj {
    display: none
}

.menu_box {
    display: block;
    background-position: center 0;
    background-size: cover;
    margin: 290px auto 0;
}
@font-face {
    font-family: myFont;
    src: url('./../font-fm.ttf');
}

.menu_box a {
    /* background-color: white; white */
    font-family: myFont;
    border-radius: 24px;
    color: #69240d;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  font-size: 72px;
    margin-top: 12px;
    width: 516px;
    height: 181px;
    line-height: 181px;
    background-position: center 0;
    background: url(../img/stype_1/button.png) center 0 no-repeat;
    background-size: 100%;


}

#indexDy {
    /* background: url(../img/index_dy.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover; */
}
/* #indexRRDy {
    background: url(../img/index_rrdy.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover;
}

#indexLoading {
    background: url(../img/index_loadHistory.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover;
}

#indexQj {
    background: url(../img/index_qj.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover;
}

#indexBack {
    background: url(../img/index_back.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover;
}

#playLevel01 {
    background: url(../img/level_01.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover;
}

#playLevel02 {
    background: url(../img/level_02.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover;
}

#playLevel03 {
    background: url(../img/level_03.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover;
}

#playBack {
    background: url(../img/index_back.png) center 0 no-repeat;
    background-position: center 0;
    background-size: cover;
} */

.menu_info {
    background: #463521;
    color: #FFF;
    padding: 5px 10px;
    line-height: 190%;
    text-align: left;
    width: 194px;
    margin: 10px 0 10px 45px;
}

/* .menu_fh {
    background: url(../img/btn_fh.png)no-repeat center 0px;
    background-position: center 0;
    background-size: cover;
    width: 14px;
    height: 14px;
    float: right;
    cursor: pointer
} */

.bn_box {
    display: none;
    position: absolute;
    right:0;
    bottom: 40px;
    width: 308px;
    border-bottom: 0rem;
}

.bn_box_other {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    width: 308px;
    border-bottom: 0rem;
}

.button {  
    width: 178px;
    height: 160px;
    /* background: url(../img/btn_sty.png); */
    background-size: 100% 100%;
    border: none;
    margin-bottom: 0.2rem;
    margin-right: 0.1rem;
    color:#422a14;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 108px;
}

.buttonOther {  
    width: 178px;
    height: 160px;
    /* background: url(../img/btn_sty.png); */
    background-size: 100% 100%;
    border: none;
    margin-bottom: 0.2rem;
    margin-left: 0.1rem;
    color: #422a14;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 108px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); 
	text-transform: uppercase;
}
#chess{
    background:url(../img/stype_1/qizhuo_bg.png) no-repeat center;
}
#chessMsg {
    display: none;
    position: absolute;
    margin-left: 60px;
    color: #000;
    left: 0;
    top: 480px;
    width: 320px;
    height: 480px;
    border:2px solid rgb(51, 50, 50);
}
#restartBtn{  /*  重置*/
    background:url(../img/stype_1/icon/restart_btn.png) no-repeat center;
}
#regretBtn{  /*悔棋*/
    background:url(../img/stype_1/icon/regret_btn.png) no-repeat center;

}
#giveupBtn{/*认输*/
    background:url(../img/stype_1/icon/giveup_btn.png) no-repeat center;
}
#gohomeBtn{/*返回*/
    background:url(../img/stype_1/icon/gohome_btn.png) no-repeat center;
}

#otherGiveupBtn{  /*  人人对战认输 */
    background:url(../img/stype_1/icon/giveup_btn.png) no-repeat center;
}
#otherRegretBtn{ /*  人人对战悔棋 */
    background:url(../img/stype_1/icon/regret_btn.png) no-repeat center;

}